<%@ page language="java" pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>欢迎来到叮咚图书网上商店!</title>
		   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  <link rel="stylesheet" href="${pageContext.request.contextPath}/easyui/themes/default/easyui.css" type="text/css"></link>
  <link rel="stylesheet" href="${pageContext.request.contextPath}/easyui/themes/icon.css" type="text/css"></link>
  <script type="text/javascript" src="${pageContext.request.contextPath}/easyui/jquery.min.js"></script>
  <script type="text/javascript" src="${pageContext.request.contextPath}/easyui/jquery.easyui.min.js"></script>
		<style type="text/css">
			a {
				text-decoration:none;
			}
		</style>
	</head>


	<body class="easyui-layout">
		<div
			data-options="region:'north',title:'欢迎来到Alone在线购书商城',iconCls:'icon-reload',split:false,collapsible:false"
			style="height: 100px;">
			<div style="float: right; clear: both;">
				<c:choose>
					<c:when test="${empty sessionScope.user}">
						<a id="btn" target="_content" href="${pageContext.request.contextPath }/jsp/front/user/reg.jsp"
							class="easyui-linkbutton" data-options="iconCls:'icon-search'" >注册</a>
						<a id="btn" target="_content"
							href="${pageContext.request.contextPath }/jsp/front/user/login.jsp"
							class="easyui-linkbutton" data-options="iconCls:'icon-save'">登陆</a>
					</c:when>
					<c:otherwise>     								<br />
					<div id="indexShow">
					欢迎您：
     								<a href="#">${user.name}</a>
     								|
     								<a target="_content"
							href="${pageContext.request.contextPath }/order_queryOrders.action">订单管理</a>
     								|
     								<a target="_content"
							href="${pageContext.request.contextPath }/jsp/front/buy/car.jsp">查看购物车</a>
							<a target="_content"
							href="${pageContext.request.contextPath}/user_exit.action">退出账户</a>
							
							</div>
					</c:otherwise>

				</c:choose>
			</div>


		</div>
		<div
			data-options="region:'south',title:'页面版权信息',split:true,content:'<br/><center>共执行 1 个查询，用时 0.055904 秒，Gzip 已禁用，内存占用 2.202 MB版权所有 &copy; 2005-2012 枫丽科技有限公司，并保留所有权利。</center>'"
			style="height: 100px;"></div>

		<div
			data-options="region:'west',title:'书籍分类管理',split:false,collapsible:false"
			style="width: 110px;">

			<a target="_content"  data-options="iconCls:'icon-search'" class="easyui-linkbutton"
				href="${pageContext.request.contextPath }/index_queryBooks.action"
				class="type"> 主页书籍 </a>	<br />
			<br />
			<c:forEach items="${types}" var="type">
				<div>
					<a target="_content" class="easyui-linkbutton"  data-options="iconCls:'icon-search'"
						href="${pageContext.request.contextPath }/index_queryBooks.action?typeId=${type.id}"
						class="type"> ${type.name } </a>
				</div>
				<br />
			</c:forEach>

		</div>
		<div data-options="region:'center',title:'图书列表'"
			style="padding: 5px; background: #eee;">
			<div style="float: right; clear: both;">
				<select id="cc" class="easyui-combobox" name="dept"
					style="width: 200px;">
					<option>
						书名
					</option>
					<option>
						作者
					</option>
				</select>
				<input id="vv" class="easyui-validatebox" />
				<a id="btn" href="#" class="easyui-linkbutton"
					data-options="iconCls:'icon-search'"
					style="float: right; clear: both;">查询</a>
			</div>
			<div class="easyui-panel" style="width: 200px; height: 100px"
				data-options="fit:true,border:false">
				<iframe id="_content" scrolling="no" name="_content"
					src="${pageContext.request.contextPath }/index_queryBooks.action"
					frameborder="0" width="1400px" height="600px">
				</iframe>
			</div>
		</div>
	</body>
</html>